<style lang="less">
  @import './Login.less';
</style>

<template>
  <div class="login">
    <div class="login-con">
      <Card icon="log-in" title="欢迎登录" :bordered="false">
        <div class="form-con">
          <login-form @on-success-valid="handleSubmit"></login-form>
          <router-link to="/register/register">
            <Button type="primary" long>注册</Button>
          </router-link>
          <router-link to="/register/forget">
            <Button type="text" ghost style="color: gainsboro">忘记密码</Button>
          </router-link>
        </div>
      </Card>
    </div>
  </div>
</template>

<script>
  import LoginForm from '../../components/login-form/login-form'
  export default {
    components: {
      LoginForm
    },
    data(){
      return{
        message:'',
      }
    },
    methods: {
      handleSubmit({userName, password}) {
        this.message=userName
      }
    }
  }
</script>

<style scoped>

</style>
